/* v2版样式 */
/*微信视频号数据拦截的样式*/
.dg-side-bar-wrapper {
  margin-top: 4px;

  .button-item {
    color: #ef8d23;
    font-size: 26px;
    cursor: pointer;
  }
}

.wx-capture-data-detail-modal-wrapper {
  .ant-modal-header {
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
  }

  .ant-modal-title {
    /*文字颜色*/
    color: #fff;
  }

  .ant-modal-content {
    height: 580px;
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
    /*文字颜色*/
    color: #fff;
    padding: 20px 45px 20px 33px;
  }

  .ant-modal-close-x {
    color: #fff;
  }

  .wx-data-wrap {
    width: 100%;

    .wx-data-title {
      width: 100%;
      border-bottom: #727272 1px solid;
      height: 23px;
      line-height: 14px;
      padding-left: 7px;
    }

    .wx-base-info-content {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 15px;
      margin-bottom: 15px;
      margin-left: 5px;
      width: 100%;

      .wx-base-info-item {
        span:first-child {
          color: #999999;
        }

        span:first-child:after {
          content: ":";
          margin-right: 5px;
        }
      }
    }

    .wx-data-content {
      width: 100%;
      display: flex;
      font-size: 14px;
      justify-content: flex-start;
      align-items: center;
      flex-wrap: wrap;
      margin-top: 10px;
      margin-bottom: 18px;
      gap: 5px;
      row-gap: 18px;

      .wx-data-item {
        width: 120px;
        height: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;

        span:first-child {
          color: #999999;
        }

        span:last-child {
          color: #fff;
        }
      }
    }
  }

  .wx-data-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #737373;
    opacity: 0.95;
    padding: 5px 15px;
    border-radius: 10px;
    margin-top: 30px;

    .wx-data-footer-left {
    }

    .wx-data-footer-right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;

      .ant-checkbox-wrapper {
        color: white;
      }
    }
  }
}

/*抖音BIC数据抓取按钮*/
.dy-shop-bic-button {
  color: #ff9800;
  min-width: 74px;
  text-shadow: none;
  vertical-align: middle;
  background: #fff;
  border: 1px solid #ff9800;
  padding: 7px 16px;
  line-height: 16px;
  transition: none;
  position: absolute;
  left: -130px;
  overflow: hidden;
  border-radius: 3px;
  cursor: pointer;
}

/*抖音店铺分数据拦截样式*/
.dy-shop-score-tool-wrapper {
  height: 30px;
  width: 30px;
  background: #f8faff;
  border-radius: 50%;
  margin: 0 13px;
  position: relative;

  .button-item {
    color: #3f434b;
    cursor: pointer;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
  }

  .button-text {
    font-size: 11px;
    position: absolute;
    top: 33px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    text-align: center;
    color: #adadad;
  }

  .button-tip {
    color: #fff;
    text-align: center;
    background: #388eff;
    border-radius: 8px;
    width: 38px;
    height: 15px;
    font-size: 10px;
    line-height: 15px;
    position: absolute;
    top: -1px;
    left: 12px;
  }
}

/*微信小店店铺分数据拦截样式偏移调整*/
.wx-shop-score-tool-wrapper-fixed {
  /* top: 5px; */
  left: 150px;
}

/*淘宝店铺分数据拦截样式偏移调整*/
.tb-shop-score-tool-wrapper-fixed {
  margin-right: 30px;
  margin-bottom: 10px;
}

/*快手店铺分数据拦截样式偏移调整*/
.ks-shop-score-tool-wrapper-fixed {
  margin-right: 30px;
  margin-bottom: 14px;
}

/*抖音店铺modal基础样式*/
.shop-base-modal-wrapper {
  .ant-modal-header {
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
  }

  .ant-modal-title {
    /*文字颜色*/
    color: #fff;
  }

  .ant-modal-content {
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
    /*文字颜色*/
    color: #fff;
    padding: 20px 45px 20px 33px;
  }

  .ant-modal-close-x {
    color: #fff;
  }
}

/*抖音BIC抓取modal样式*/
.dy-bic-crawler-modal-wrapper {
  .tool-bar-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
    gap: 15px;
  }

  .tool-block {
    display: flex;
    gap: 15px;
    align-items: center;
  }

  .ant-progress-text {
    color: #c1c1c1 !important;
  }
}

/*店铺评分数据详情弹窗样式*/
.shop-score-data-detail-modal-wrapper {
  .ant-modal-header {
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
  }

  .ant-modal-title {
    /*文字颜色*/
    color: #fff;
  }

  .ant-modal-content {
    height: 490px;
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
    /*文字颜色*/
    color: #fff;
    padding: 20px 45px 20px 33px;
  }

  .ant-modal-close-x {
    color: #fff;
  }

  .ssd-tips {
    color: #727272;
    font-size: 11px;
    margin-left: 30px;
  }

  .ssd-items-wrapper {
    height: 300px;
    overflow: auto;
    background: #181818;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 0;

    .ssd-item {
      color: #727272;
      font-size: 11px;

      .ssd-item-key {
        &:after {
          content: ":";
          margin-right: 5px;
        }
      }

      .ssd-item-right-key {
        &:before {
          content: "✔";
          color: green;
          margin-right: 3px;
        }

        &:after {
          content: ":";
          margin-right: 5px;
        }
      }

      .ssd-item-loss-key {
        &:before {
          content: "×";
          color: red;
          margin-right: 3px;
        }

        &:after {
          content: ":";
          margin-right: 5px;
        }
      }

      .ssd-item-value {
        color: #c1c1c1;
      }
    }
  }

  .sdd-modal-footer-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    background: #727272;
    border-radius: 10px;
    padding: 5px 15px;

    .footer-left {
    }

    .footer-right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 10px;
    }
  }

  .ssd-tips-wrapper {
    height: 19px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .sdd-result-error-txt {
    color: red;
    font-size: 12px;
    margin-left: 20px;
  }

  .sdd-result-success-txt {
    color: green;
    font-size: 12px;
    margin-left: 20px;
  }

  /*提示框样式*/

  .ant-modal-confirm {
    .ant-modal-content {
      height: 100px !important;
      margin-top: 30% !important;
    }

    .ant-modal-confirm-content {
      color: white;
    }
  }
}

/*视频号加热平台数据抓取样式*/
.wx-heat-data-wrapper {
}

.shop-score-data-detail-modal-wrapper {
  .ant-modal-header {
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
  }

  .ant-modal-title {
    /*文字颜色*/
    color: #fff;
  }

  .ant-modal-content {
    height: 490px;
    background: #333333;
    /*背景半透明*/
    opacity: 0.95;
    /*文字颜色*/
    color: #fff;
    padding: 20px 45px 20px 33px;
  }

  /*抓取进度文字框包围*/

  .ss-process-txt-wrapper {
    background: #0a0a0a;
    height: 380px;
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    display: flex;
    margin-top: 10px;
    flex-direction: column-reverse;

    .txt-content {
      font-size: 12px;
      color: #979797;
    }
  }

  .ss-footer-wrapper {
    margin: 20px 10px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .ss-left {
      flex: 0.5;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      gap: 10px;
    }

    .ss-right {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 20px;
    }
  }
}
